<template>
  <div id="app">
    <container></container>
    <fieldset>
      <legend>app组件</legend>
      <modal :visible="visible"
        @on-confirm="confirm();fetch()" @on-cancel="cancel">
      <template v-slot:title>
        <h1>app的弹窗</h1>
      </template>
      <template v-slot:body>
        <h1>app的弹窗主体</h1>
      </template>
    </modal>
      <button @click='showMondal'>app点击显示模态框</button>
    </fieldset>
  </div>
</template>

<script>

// 编写文档
import container from"./components/container"
import modal from "./components/modal"
import modalMin from "./mixins/modal"

export default{
  mixins:[modalMin],
  name:'app',
  
  components:{
      container,
      modal
  }
}

</script>